// 定义一个函数lazyLoadImages，用于懒加载图片
function lazyLoadImages() {
  // 获取文档中所有的图片
  let imgArr = document.querySelectorAll("img");

  // 创建一个观察者，用于观察图片是否 intersecting
  let imgObserver = new IntersectionObserver(function (entries, observer) {
    console.log("%c [ entries ]-8", "font-size:13px; background:pink; color:#bf2c9f;", entries);
    // 遍历观察到的图片
    entries.forEach(function (entry) {
      // 如果图片 intersecting
      if (entry.isIntersecting) {
        // 获取图片
        let lazyImg = entry.target;
        // 设置图片的 src 为 data-src
        lazyImg.src = lazyImg.dataset.src;
        // 取消观察该图片
        imgObserver.unobserve(lazyImg);
      }
    });
  });

  // 遍历所有的图片，观察每一个图片
  imgArr.forEach(function (img) {
    imgObserver.observe(img);
  });
}
